/* 全局的 CSS 样式表 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    user-select: none;
    outline: none !important;
    // box-shadow: none !important;
  
    &:before,
    &:after {
      box-sizing: border-box;
    }
  }
  
  html,
  body,
  #app {
    position: relative;
    height: 100%;
    font-size: 12px;
    margin: 0;
    overflow: hidden;
  }
  
  html {
    font-family: $font-family;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  body {
    background-color: $body-bg;
  }
  
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #666;
  }
  
  .pointer {
    cursor: pointer;
  }
  
  .img-responsive {
    display: block;
    width: 100%;
    height: auto;
  }
  
  .relative {
    position: relative;
  }
  
  .w-full {
    width: 100%;
  }
  
  .h-full {
    height: 100%;
  }
  
  /* xs - 超小、sm - 小、md - 中、lg - 大、xl - 超大 */
  $sizes: (
    0: xs,
    1: sm,
    2: md,
    3: lg,
    4: xl
  );
  
  @each $i, $size in $sizes {
    .wrapper-#{$size} {
      padding: 5px + $i * 5;
    }
  
    .padder-#{$size} {
      padding-right: 5px + $i * 5;
      padding-left: 5px + $i * 5;
    }
  
    .m-#{$size} {
      margin-right: 5px + $i * 5;
      margin-left: 5px + $i * 5;
    }
  
    .m-l-#{$size} {
      margin-left: 5px + $i * 5;
    }
  
    .m-r-#{$size} {
      margin-right: 5px + $i * 5;
    }
  
    .m-t-#{$size} {
      margin-top: 5px + $i * 5;
    }
  
    .m-b-#{$size} {
      margin-bottom: 5px + $i * 5;
    }
  }
  
  .no-border {
    border: none !important;
  }
  
  .no-padder {
    padding: 0 !important;
  }
  
  .m-n {
    margin: 0 !important;
  }
  
  .m-b-n {
    margin-bottom: 0 !important;
  }
  
  .m-l-auto {
    margin-left: auto !important;
  }
  
  .m-r-auto {
    margin-right: auto !important;
  }